<!DOCTYPE html>

<!-- this is a home page for project raphaelmarkup as a prove of concept. -->


<html>
<head>
	<script src="../src/deps/jquery-1.7.1.js"></script>
	
<!-- 	<script src="jqueryui/js/jquery-ui-1.8.18.custom.min.js"></script> -->
<!-- 	<link rel="stylesheet" href="jqueryui/css/ui-lightness/jquery-ui-1.8.18.custom.css" type="text/css" media="screen" /> -->
	
	<script src="../src/deps/raphael-min.js"></script>
	
<!-- 	<script type="text/javascript" src="../src/rm.js"></script> -->	
	<script type="text/javascript" src="../src/rm-core.js"></script>
	<script type="text/javascript" src="../src/rm-ext.js"></script>
	
	<link href="rm16.ico" rel="icon" type="image/x-icon"/>
	<link rel="stylesheet" href="index.css" type="text/css" media="screen" />
	
	<script type="text/javascript" src="../src/test/fonts/my-underwood.cufonfonts.js"></script>
	<script type="text/javascript" src="../src/test/fonts/Acquaintance_400.font.js"></script>
	
	<meta charset="UTF-8"/>
	
	<title>Raphaël Markup - raphaëljs in XML</title>
</head>
<body>

<!-- raphaelmarkup website
this page contains several raphael papers inside some markup elements. 
The papers are defined in indexrm.xml and each will show a kind of page.

 -->


<div id="wrapper">
	<div class="header">
		<div id="headerPaperEl"></div>
	</div>
	<div class="content">
	
		<div class="section" id="section1PaperEl">>
<!-- 			<div </div> -->
		</div>	
		<div class="section" id="section1PaperEl">
<!-- 			<div ></div> -->
		</div>		
	</div>
	
</div>


<script type="text/javascript">
/* render the xml document drawing1.xml. The document must be in the same server. */
rm.renderAjax("indexrm2.xml", function (rdoc) {
	/* rdoc is a ready to use jquery DOM object with our xml dom inside. 
	we can access it for querying or even manipulate it: */
// 	alert("the document has "+rdoc.find("rect")+" rectangles.");
});



myapp = {
	openSection: function(el) {
		$(".section").hide();
		$(el).show(1000);
	},
	closeSection: function(el) {
		$(".section").hide(1000);
	},
	"":""
};
</script>

</body>
</html>